import { Component, OnInit } from '@angular/core';
import { Hero } from '../hero';
import { HEROES } from '../mock-heroes';
@Component({
  selector: 'app-heroes',
  templateUrl: './heroes.component.html',
  styleUrls: ['./heroes.component.css']
})

export class HeroesComponent implements OnInit {
/*   hero: Hero = {
    id: 1,
    name: 'Windstorm'
  }; */

  heroes = HEROES;//往类中添加一个 heroes 属性，这样可以暴露出这些英雄，以供绑定。
  
  selectedHero: Hero;//重命名组件的hero属性，selectedHero但不分配它。应用程序启动时没有选定的heroes。

  onSelect(hero: Hero): void {
    this.selectedHero = hero;
  }
  
  constructor() { 
  }

  ngOnInit() {
  }

}
